<script setup lang="ts"></script>

<template>
	<div class="student-management">
		<div class="tool">
			<button class="success">新增学生</button>
		</div>
		<table>
			<thead>
				<tr>
					<th>用户名</th>
					<th>密码</th>
					<th>真实姓名</th>
					<th>性别</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>wll</td>
					<td>123456</td>
					<td>吴乐乐</td>
					<td>女</td>
				</tr>
			</tbody>
		</table>
	</div>
</template>

<style scoped lang="scss">
.student-management {
	padding: 10px;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	.tool {
		display: flex;
		align-items: center;
		button {
			flex: 0 1 auto;
		}
	}
}
</style>
